/*************************
*******body******
**************************/
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body {
	font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	height: 100%;
	min-width: 1260px;
	background: #fff;
	max-width: 100%;
	overflow: auto;
	overflow-x: hidden
}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;  -webkit-appearance:none;}
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none; -webkit-appearance:none;  }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化a的样式和字体样式*/
a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none; text-decoration:none; }
a:hover{ color: #000; text-decoration:none; }
ul, li, ol {  list-style-type: none;
}
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
/************全局样式************/
.fl {  float: left;  }
.fr { float: right;  }
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
img { border: 0px; vertical-align: middle;  }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar {  display: block;overflow: hidden; width: 100%; }
.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.avatar:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }
/*文字超出隐藏*/
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.main_box {
	width: 1200px;
	margin: 0 auto;
}
.main-txt { position: relative;}
.m_title{ font-size:42px; margin-top:30px; line-height: 50px; color:#00923f; font-weight:bold; text-align: center;   }
.m_title2{ font-size:18px; padding: 15px 0; color: #666;text-align: center;}

/**/
.dflex { display: flex;}
.dflex_center { display: flex; align-items: center; justify-content: center;}
.dflex_stretch { display: flex; align-items: stretch; justify-content: center;}
.dflex_nohigh { display: flex; align-items: flex-start; justify-content: center;}
.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}
/*-- Header --*/

.header {
	width: 100%;


}

.top-content {background: #f7f7f7;}
.top-content .main_box{  display: flex; justify-content: space-between; align-items: center; }
.welcome { padding-left: 10px;}
.top_nav a {
	padding:10px 12px;
	display:block;
	color:#666;
	border-right:1px dotted #dedede;
	float: left;
}
.top_nav a:first-child {	border-left:1px dotted #dedede;}

.top_nav a:hover { background: #00923f; color: #fff;}
.logo { flex: 2; align-items: center;}

.top-center { display: flex; flex-direction: row; justify-content: space-between;  align-items: stretch;  height: 120px;}
.header_phone { display: flex;  justify-content: center;  align-items: center; position: relative;}
.header_phone p {
	color:#666;
	margin-bottom:10px;
	font-size:15px;
}

.header_phone b{ color:#000; font-size:32px; font-weight:bold; margin-top:0;  display: block;}
.telimg{
padding-right: 15px;


   }
   
/*导航菜单*/
.navbar{ width: 100%; background:#35A666;  height:68px;  }
.nav { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between;}
.nav li{  text-align: center;  position: relative; width: 100%;}
.nav li a{ 
	display:block;
	font-size: 16px;
	line-height: 68px;
	color: #fff;
	padding: 0 30px;
	border-right: 1px solid #31935D;
	border-left: 1px solid #3EB271;

}
.nav li a:last-child{border-right: 1px solid #03A046;}
.nav a:hover, .nav .active > a, .nav li:hover > a {
    background: #0389D1;
    color: #fff;
  }
/* 二级菜单 */
.ejxl{display: none;background-color: rgba(255,255,255,.8);transition: all 0s;z-index: 10; position: absolute;top:100%; width: 100%; padding:0;}
.ej_spec{display: none;background-color: rgba(255,255,255,.8);transition: all 0s;z-index: 10; position: absolute;top:100%; width: 140%;left:-20%; padding:0;}
.ej_specc{display: none;background-color: rgba(255,255,255,.8);transition: all 0s;z-index: 10; position: absolute;top:100%; width: 240%;left:-70%; padding:0;}

.nav li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%;}
.nav li .ejxl li a{display: block;color:#333;font-size: 14px;height:35px;line-height:30px; padding:5px 0; width: 100%; text-align: center; border: none; transition: all 0.3s;  }
.nav li .ejxl li:hover a { background: #0389D1; color: #fff;}


/*导航菜单 end*/
/*首页banner图*/

#banner .swiper {
    width: 100%;
    height: 100%;


}

#banner .swiper-slide {
    background-position: center;
    background-size: cover;
}

#banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}

#banner .swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 60px;
    font-size: 30px;
    line-height: 60px;
    height: 60px;
    transition: all .5s ease;
    outline: none;
}

#banner .swiper-button:hover {
    background: #00923f;
}

.btn-prev {
    left: 5%;
}

.btn-next {
    right: 5%;
}

#banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
    left: 0;
    width: 100%;
}

#banner .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10%;
    top: 50%;
    transform: translate3d(0px,-50%,0);
}

#banner  .swiper-pagination{ height: 36px; bottom: 33px }
#banner  .swiper-pagination-bullet{ margin: 0 12px; height: 36px; width: 36px; border-radius: 0; background: url("../images/baicon.png") no-repeat center center; opacity: 1 }
#banner  .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url("../images/baicon2.png") no-repeat; margin: 0px 18px; }
/*首页banner图 end*/

/*产品中心*/

.product { background: url(../images/pbg.jpg) no-repeat bottom; background-size: 100%;  padding: 40px 0;}
.product_list ul { display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; margin-top: 30px;}
.product_list li{ margin-right: 15px; background:#000; overflow:hidden}
.product_list li:last-child{ margin-right: 0;}
.pro-up{ position:relative}
.pro-bg {height: 0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear .3s;transition: all linear .3s;}
.pro_txt {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear .5s;transition: all linear .5s;color: #fff;opacity:0;}
.product_list .img {opacity:.85;}
.product_list .pro-box{ position: absolute; text-align:center; width:100%; height:68%; left:0; bottom:0;-webkit-transition: all linear .5s;transition: all linear .5s;}
.product_list li:hover .pro-box{ height:88%}
.product_list .pro_title { display: flex; flex-direction: column; }
.product_list .pro_title a { font-size: 22px; color: #fff; font-weight: bold; display: block; margin-top: 20px;}
.product_list li .pro_txt p{ width:80%; margin:0 auto; font-size: 16px; line-height: 26px; color:#fff;  padding:7px; margin-bottom:7px; border: 1px solid rgb(255, 255, 255,.6); transition: all .3s;}
.product_list li .pro_txt a{ display: block; color: #fff;}
.product_list li .pro_txt{ height:0}
.product_list li .pro_txt p:hover { background: #fff;}
.product_list li .pro_txt p:hover a { color: #00923f;}
.product_list li:hover .pro_txt{ height:66%}
.pro-up:hover .pro-bg1{height:100%;background:url(../images/pr1bg.jpg) no-repeat; background-size: 100%; opacity:1;-webkit-transition: all linear .5s;transition: all linear .5s;}
.pro-up:hover .pro-bg2{height:100%;background:url(../images/pr2bg.jpg) no-repeat; background-size: 100%; opacity:1;-webkit-transition: all linear .5s;transition: all linear .5s;}
.pro-up:hover .pro-bg3{height:100%;background:url(../images/pr3bg.jpg) no-repeat; background-size: 100%; opacity:1;-webkit-transition: all linear .5s;transition: all linear .5s;}
.pro-up:hover .pro_txt{opacity:1;-webkit-transition: all linear .5s;transition: all linear .5s;}

/*简介*/
.about{ padding:40px 0; background:url(../images/about.jpg) no-repeat center top;}
.about_box{ background: #fff;  margin-top: 0; padding-top: 20px;box-shadow: 0 32px 65px rgba(0,0,0,.1); margin-bottom: 30px;}
.ab_txt{font: 15px/28px "Microsoft YaHei";color: #666; margin-top: 10px; padding: 10px 40px; text-align: center;}
.ab-fl b{ padding: 0 40px; font-size: 24px; color: #00923f; text-align: center; display: block;} 
.about-cont{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ab-fl{  width: 100%;}
.ab-fr{ width: 100%;  }
.ab_more{ 
    display: block;
    font-size:14px;
    color:#fff;
    width: 140px;
    line-height: 40px;
    text-align:center;
	color: #fff; 
	 background: #00923f;  
    border:1px solid #00923f;

    border-radius: 20px 0 20px 0;
    margin:20px auto;
    font-style: normal;
    transition: all 0.3s;}
.ab_more:hover{  color: #00923f;  background: #fff;  }
/*优势*/
.ys{
    background:#0D9549 url(../images/bg.jpg) no-repeat center;
	background-size: 100%;
    padding:40px 0 80px;   
    margin-top: 60px; 
    overflow: hidden;
}
.ys_box { display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.ys_fl {width: 42%;  padding:7% 4%;  color: #fff; background: rgba(0,147,221,.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.ys_fl b { display: block; font-size: 38px; letter-spacing: 2px;  }
.ys_fl b img { padding-right: 10px;}
.ys_fl span { display:block; border: 1px solid #fff; font-weight: bold;  border-radius: 5px; letter-spacing: 2px; padding: 15px; margin-top: 30px; width: 80%; text-align: center; font-size: 24px;}
.ysicon { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; margin: 50px 0; line-height: 32px;}
.ysicon p { text-align: center; margin-right: 28px; font-size: 16px;}
.ysicon p img{transition:all 0.5s ease; display: block;}
.ysicon p:hover img{transform:rotateY(180deg);}
.td_tel { display: flex; align-items: center; justify-content: flex-start; margin-top: 30px;} 

.td_num p { font-size: 16px;}
.td_num em{ font-style: normal; font-weight: bold; font-size: 30px;}
.ys_fr {width: 50%; display: flex; align-items: center; justify-content: center; flex-wrap:wrap;  position: relative;}
.ys_fr_box { position:absolute;background: #f5f5f5;  padding:50px; left:-50px }
.ys_fr .ys_list { width: 40%;  padding: 5%; color: #fff; float: left;}
.ys_fr .ys_list span { font-size: 40px; font-weight: bold;  display: block; color: #00923f; }
.ys_fr .ys_list b { font-size: 24px; display: block; color: #333;}
.ys_fr .ys_list p { line-height: 24px; padding: 15px 0; color: #666;}
/*案例*/
.qysl {  background: url(../images/ysbg.jpg) no-repeat; padding: 40px 0 ;}
.qysl .container { background: #fff; padding:30px; margin-top: 30px;}
.qysl .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .gallery-top {
    height:auto;

  
  }
  
  .gallery-thumbs {
    height:60px;
    text-align: center;
    box-sizing: border-box;
	margin-top: 30px;


    
  }
  .gallery-thumbs .swiper-container { width: 500px; margin: 10px auto;}
  .gallery-thumbs .swiper-container .swiper-slide { width: 120px;}
  .gallery-thumbs .swiper-slide {

    
    height:60px;
    line-height: 60px;
    cursor: pointer;
	background: #f1f1f1;
   
  }


 .gallery-thumbs .swiper-slide-thumb-active a{ color: #fff;}
  .gallery-thumbs .swiper-slide a { display: block; font-size: 20px; 	}
  .gallery-thumbs .swiper-slide a:hover { background-color: #0389D1; color: #fff;}
  .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #0389D1; color: #fff;
}


.gallery-thumbs .swiper-button-next {

  right: 0;
  bottom:0;
  top:0;
  margin: 0;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);

  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  line-height: 60px;
  font-size: 30px;
  height: 60px;
  transition: all .5s ease;
  outline: none;
}
.gallery-thumbs .swiper-button-prev {
  left: 0;
  bottom:0;
  top:0;
  margin: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  z-index: 999;
  width: 40px;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  transition: all .5s ease;
  outline: none;
}
.gallery-thumbs  .swiper-button-prev:hover, .gallery-thumbs  .swiper-button-next:hover {
  background: #999;
}


#case {
	position: relative;

	margin: 0 auto;
}

#case .swiper-container {
	padding-bottom: 60px;
    margin-top: 30px;
}

#case .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	position: relative;
}
#case .swiper-slide img{
	display:block; width:520px; height:310px;
}
#case .swiper-slide a{ display: block;}
#case .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 20px;
	margin: 0;
}
#case .swiper-slide-active .layer-mask {
    display: none;
}
.layer-mask {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    background:rgba(255,255,255,.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
#case .swiper-button-prev i, #case .swiper-button-next i { text-align: center; display: block; line-height: 55px;}
#case .swiper-button-next {
	top:45%;
	right:10px;
	width: 55px;
	height: 55px;
    border: 2px solid #dedede;
    border-radius: 100%;
	--swiper-navigation-size: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    overflow: hidden;
    z-index: 10;
    font-size: 30px;
    transition: all .5s ease;
    outline: none;

}
#case .swiper-button-prev {
	top:45%;
	left:10px;
	width: 55px;
	height: 55px;
    border: 2px solid #dedede;
    border-radius: 100%;
    --swiper-navigation-size: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    overflow: hidden;
    z-index: 10;
    font-size: 30px;
    transition: all .5s ease;
    outline: none;
    
}
#case .swiper-button-prev:hover, #case .swiper-button-next:hover { border: 2px solid #00923f; color: #fff; background: #00923f;}
/*合作*/
.hezuo_box { margin-top:60px;}
.hezuo { padding-bottom: 50px;}
.hezuo .swiper-slide a{ background:#f7f7f7;  display: block; margin: 10px; padding: 10px;}
/*新闻*/
.news_box{ margin-top: 60px;}
.news{ display: flex;
	align-items:center;
	justify-content: center;


}
.news_left {
	flex: 5;
	margin-top: 20px;
	background: #f5f5f5;
	margin-right: 20px;


}

.news_left  a {
	display: block;
	padding-bottom: 20px;

}
.news_left a b {
	text-align: left;
	font-size: 18px;
	margin-top: 20px;
	color: #333;
	display: block;
	padding: 0 20px;
}
.news_left p {
	line-height: 26px;
	font-size: 14px;
	text-align: left;
	padding: 0 20px;
	color: #666;

}
.news_left span { color: #999;	padding:10px 20px; display: block;}
.news_left a:hover{ background: #0389D1; color: #fff;}
.news_left a:hover b, .news_left a:hover span, .news_left a:hover p{ color: #fff;}
.news_right {
	flex: 5;
	margin-top: 20px;

}
.news_right a{ display: flex; align-items: center; justify-content: center;}


.day {
	color: #666;
	flex: 1;
	height: 100px;
	padding: 10px;
	margin: 10px 0;
	font-size: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background: #f7f7f7;
}
.newscon {
	flex: 4;
	border: 1px solid #f7f7f7;
	height:118px;
	padding:0 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	
	
}
.newscon b {

	font-size: 16px;
	color: #333;
	display: block;
	margin-bottom: 5px;
}
.newscon p {

	text-align: left;
	line-height: 24px;
	color: #666;
	font-size: 14px;
}

.day span {
	font-size: 20px;
	width: 100%;
	color: #999;
	text-align: center;
	font-weight: normal;
}
.day p{ width: 100%;	text-align: center;}

.news_right a:hover .day  {
	background: #0389D1;
	color: #fff;
}
.news_right a:hover .day b, .news_right a:hover .day span{color: #fff;}
.news_right a:hover .newscon { background: #f7f7f7;}

	/*底部footer*/
#footer {
	background: #f5f5f5;
}
.fot_logo { width: 280px; padding-top:100px;}
.fot_logo p { font-size: 20px; color: #fff; font-weight: bold;  margin: 20px;}
.main_foot {
	height: auto;
	padding:60px 0 30px 0;
	width: 920px;
}
.main_footdl {
	width: 420px;

	
}

.main_footdl dt,.main_footd2 dt {
	font-size:20px;
	margin-bottom: 20px;
    line-height: 20px;
	color: #333;
  
	font-weight: bold;

}

.main_footdl dd {
	height: auto;
	overflow: hidden;
	margin-top: 10px
}
.main_footdl dd a {
	line-height: 42px;
	font-size: 16px;
	width: 50%;
	float: left;
	display: block;
	color:#666;
}


.main_footdl dd a:hover {
	color: #00923f;
}
.main_footd2{
	width:300px;
	padding-left: 40px;


}

.main_footd2 p{	color:#666;line-height: 32px;
	font-size: 16px;}
.main_footd3{ width: 150px; text-align: center; margin-top:40px;}
.main_footd3 dd{	color:#666; margin-top: 10px;}
.main_footd3 img{ width: 139px;}
.main_foottel {
	width: 300px;
	text-align: center;


}

.footer_copy{ padding: 25px 0; text-align: center;color: #666; border-top: 1px solid #dedede;}
.footer_copy a{color:#666;}
/*返回顶部*/
.scrollToTop {
	width: 52px;
	height: 52px;
	position: fixed;
	bottom: 5%;
	right: 2%;
	display: none;
	background: #0093dd;
	color: #ebebeb;
	border-radius: 3px;
	text-align: center;
	line-height: 52px;
	z-index: 999; }
.scrollToTop:hover {
	color: #FFF; }
.scrollToTop:focus {
	color: #FFF; }
/*返回顶部 end*/